@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer .f1{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1250px) {
	.header .mune a{ padding:15px 12px;}
	.header .logo>*{ padding:5px 0;}
	.header .logo img{ height:45px;}
	.header .logo a{ margin-right:20px;}
	.header .logo .t { padding: 6px 0 0 0;}
	.icase .tit>h3{ padding:30px 0 25px 0;}
	.banner .banner-slider .btns,.banner .banner-slider .btn{ height:40px;}
	.banner .banner-slider .btn .swiper-pagination{ padding-top:15px;}
	.icase .boxs .icase-slider:after, .icase .boxs .icase-slider:before, .icase .boxs .icase2-slider:after, .icase .boxs .icase2-slider:before{ width:60px;}
	.icase .boxs .icase-slider, .icase .boxs .icase2-slider{ padding:60px 80px;}
	.ip .boxs .box .txt{ padding:20px 20px 25px 20px;}
	.ip .boxs .box{ height:350px;}
	.header .mune .t { padding: 11px 0 11px 15px;}
}
@media screen and (max-width: 1024px){
	.header .mune{ display:none;}
	#hamburger{ top:25px;}
	.icase .tit>h3{ padding:20px 0;}
	.icase .dot a{ width:160px; padding:10px 0;}
	.icase .boxs .icase-slider, .icase .boxs .icase2-slider{ padding:40px 60px;}
	.ip .tit{ padding:25px 0 20px 0;}
	.ip .tit .btn a{ padding:6px 20px;}
	.ip .tit h4{ margin-bottom:10px;}
	.ip .boxs .box {width: calc(100% - 20px);margin: 10px; height:auto;}
	.ip .boxs{ padding:40px 0;}
	.ip .boxs .box .img{ width:298px;}
	.ip .boxs .box .txt{ width:calc(100% - 298px); position:relative;}
	.ip .boxs .box .img,.ip .boxs .box .txt{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-bottom:none;}
	.ip .boxs .box{ border-bottom:2px solid #f9b406;}
}
@media screen and (max-width: 850px){
	.is .boxs .box { width: calc(100% - 26px); margin-bottom:20px;}
	.is .tit p{ font-size:1.4em; line-height:20px; width:90%; margin:0 auto;}
	.is .boxs{ padding:40px 0 20px 0;}
	.is .tit{ padding:40px 0 30px 0;}
	.icase .tit>h3{ font-size:1.6em;}
	.icase .boxs .icase-slider .swiper-slide, .icase .boxs .icase2-slider .swiper-slide{ padding:20px 10px;}
	.icase .boxs .icase-slider .swiper-slide h3, .icase .boxs .icase2-slider .swiper-slide h3{ margin-bottom:5px;}
	.icase .boxs .icase-slider:after, .icase .boxs .icase-slider:before, .icase .boxs .icase2-slider:after, .icase .boxs .icase2-slider:before{ width:20px;}
	.icase .boxs .swiper-button-black{ width:10px; height:20px; background-size:10px 20px;}
	.icase .boxs .swiper-button-prev{ left:0;}
	.icase .boxs .swiper-button-next{ right:0;}
	.icase .boxs .icase-slider, .icase .boxs .icase2-slider{ padding:40px 25px;}
	.ip .tit h4{ font-size:1.4em;}
}
@media screen and (max-width: 650px){
	.header .logo .t{ display:none;}
	.banner .swiper-slide img{ width:140%; margin-left:-20%;}
	.icase .tit>h3{ padding:10px 0; font-size:1.4em;}
	.icase .dot a{ width:33.33%; padding:6px 0;}
	.ip .tit h3,.is .tit h3{ font-size:1.8em; margin-bottom:5px;}
	.ip .tit .btn a{ font-size:1.4em;}
	.ip .boxs .box { width: calc(50% - 20px);}
	.ip .boxs .box .img,.ip .boxs .box .txt{ width:100%;}
	.is .tit{ padding:20px 0;}
	.ip .boxs .box .txt h3{ margin-bottom:5px;}
	.ip .boxs .box .img{ margin-bottom:-40px;}
}
@media screen and (max-width: 500px){
	.ip .boxs .box{width: calc(100% - 20px); float:none; width:298px; margin:20px auto;}
	.ip .boxs .box .img,.ip .boxs .box .txt{ float:none;}
	.ip .boxs .box .txt p{ height:fit-content;}
	.ip .boxs .box .txt{ padding:20px 12px;}
	.ip .boxs{ padding:20px 0;}
}
@media screen and (max-width: 400px){
	.banner .banner-slider .btns, .banner .banner-slider .btn{ height:30px;}
	.banner .banner-slider .btn .swiper-pagination{ padding-top:10px;}
	.banner .banner-slider .btn .swiper-button-white{ top:95%;}
	.ip .tit .btn a{ padding:6px 10px;}
	.is .boxs .box { width: calc(100%); margin:0 0 10px 0;}
	.is .boxs .box p{ font-size:1.4em; margin:10px;}
	.is .boxs{ padding:40px 0 0 0;}
}

/*inside-txts*/
@media screen and (max-width: 1024px){
	.inside-txts{ width:100%;}
	.inside-list{ display:none;}
	.inside-boxs{ padding:20px 0;}
	.contact .box { padding: 20px 0;}
	.banners{ height:300px;}
	.inside-txts .tits{ padding-bottom:5px;}
	.inside-txts .tits .lead{ display:none;}
}
@media screen and (max-width: 800px){
	.inside-txts .imgs .dot { width: calc(50% - 20px);}
	.inside-txts .imgs .dot p{ padding:6px;}
	.bottomlist ul li img { width: 25px; height: 25px;}
	.footer{ margin-bottom:37px;}
	.footer .fo2{ padding:10px 0;}
	.footer .fo2 .warp>*{ line-height:20px;}
}
@media screen and (max-width: 500px){
	.inside-txts .imgs .dot { width: calc(100% - 20px);}
	.inside-txts .imgs .dot p{ font-size:1.4em;}
	.banners{ height:240px;}
}